iT邦幫忙

2023 iThome 鐵人賽

DAY 9
0
自我挑戰組

從零開始學Web Framework : React篇系列 第 9

Day_9:讓按鈕有計數功能

  • 分享至 

  • xImage
  •  
  1. 先打開Button.js並修改成如圖那樣。(code參考:react官網)
  2. import { useState } from 'react'//useState是一個hook,它用於函數組件中管理狀態。
    const [count, setCount] = useState(0);//用useState hook創建一個名為count的狀態變量和一個名為setCount的更新函數。count用於存取按鈕被點擊的次數,初始值設為0。
    function handleClick() { ... }就是當按鈕被點擊時會使count值遞增。
    onClick={handleClick}指定按鈕的點擊事件處理函數為handleClick。
  3. 完成。

上一篇
Day_8:更改按鈕樣式到新增頁面上(CSS Modules)
下一篇
Day_10:點擊按鈕使其隨機變色
系列文
從零開始學Web Framework : React篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言